<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>button</title>
		<link rel="stylesheet" type="text/css" href="index.css" />
	</head>

	<body style="margin:20px;">
		<span class="checkbox-squared">
                <input type="checkbox" id="selectAll" name="selectAll">
                <label for="selectAll"></label>
        	</span>
		<label>
			<span class="checkbox-squared">
	                <input type="checkbox" id="selectOne" name="selectOne">
	                <label for="selectOne"></label>
		<span class="text">项一（选中）</span>
		</span>
		</label>
		<br />
		<div style="width: 100px;height: 100px;float: right;">
			<span class="checkbox-squared">
                <input type="checkbox" id="selectTwo" name="selectTwo">
                <label for="selectTwo"></label>
                <span class="text">项二（未选）</span>
			</span>
		</div>
	</body>

</html>